<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
		<title>少儿西语</title>
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div class="main">
			<img src="img/58@2x.png" width="100%" height="100%" class="background" />
			<div class="main_content">
				<div class="banner" id="banner" v-cloak>
					<div class="img">
						<img v-for="banners in banner_all.banner_pics" :src="banners" width="100%" height="100%" />
					</div>
				</div>
				<div class="list">
					<ul>
						<li>
							<a href="content.html?course_type=5&extend_type=7">少儿西语1</a>
						</li>
						<li>
							<a href="content.html?course_type=5&extend_type=8">少儿西语2</a>
						</li>
						<li>
							<a href="content.html?course_type=5&extend_type=9">西语数学</a>
						</li>
					</ul>
				</div>
				<div class="main_bottom">
					<p>随着国际交流的扩展，西语越来越受到大家青睐。3—12岁是语言学习的最佳时机，西班牙本地教师通过故事、西语本土歌谣、主题等方式帮助学生打开“学习西语之门”，课后“一分钟西班牙文化”更是带你近距离认识这个充满热情的国度。
					</p>
					<p>El español es uno de los idiomas más valorados y utilizados, es una ventaja ser hispanohablante en un mundo tan interconectado. La etapa premium para aprender una nueva lengua es de 3 a 12 años, este curso de español está diseñado específicamente para los niños. Y las presentaciones “Un minuto de cultura china” permiten un acercamiento a China estando tan lejos de este país y un mejor entendimiento del idioma chino.

					</p>
				</div>
			</div>
		</div>
		<script src="js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			//调用轮播图接口,淘淘图书馆
			$.ajax({
				url: apiPath + 'common/banner',
				type: 'post',
				dataType: 'json',
				data: {
					banner_type: 8,
					flagsign: 1
				},
				success: function(data) {
					var right = new Vue({
						el: '#banner',
						data: {
							banner_all: data.returnData,
						},
						mounted: function() {
							var index = 0;

							function play(index) {
								// 大图切换 ：大图显示，其余的大图隐藏（当前元素的前后兄弟元素隐藏）
								$(".banner>div img").eq(index).show().siblings('img').hide();
							}
							// 自动播放
							function autoPlay() {
								//创建定时器，每一毫米调用一次play()
								timer = setInterval(function() {
									//下一张 索引值++
									index++;
									//边界判断 索引值=10，重新赋值
									index = index % data.returnData.banner_pics.length;
									//调用play()
									play(index);
								}, 2000);
								//		console.log(timer);

							};
							// 启动自动播放
							autoPlay();
						}
					});
				}
			});
		</script>
	</body>

</html>